<!-- ProductDetailsPage.html -->
<div class="container mt-5">
  <div class="row">
    <div class="col-md-5">
      <img
        id="product-image"
        src=""
        alt="商品图片"
        class="img-fluid rounded shadow"
      />
    </div>
    <div class="col-md-7">
      <h2 id="product-name">商品名</h2>
      <h4 class="text-primary mt-3">
        价格：￥<span id="product-price">0.00</span>
      </h4>
      <!-- 生产溯源信息 -->
      <div class="mt-4">
        <p>
          <strong>生产地:</strong> <span id="product-origin">未知生产地</span>
        </p>
        <p>
          <strong>生长周期:</strong>
          <span id="product-cycle">未知生长周期</span>
        </p>
        <p>
          <strong>生产日期:</strong>
          <span id="product-manufacture-date">未知生产日期</span>
        </p>
      </div>
      <div class="mt-4">
        <button class="btn btn-success me-2">
          <i class="fa fa-shopping-cart me-1"></i> 加入购物车
        </button>
        <button class="btn btn-primary" id="btn-buy-now">
          <i class="fa fa-bolt me-1"></i> 立即购买
        </button>
      </div>
    </div>
  </div>
</div>
